<template>
	<view class="lottie-bg">
		<view id="lottie">
			<image src="../../static/images/logo.png" rel="preload" mode="widthFix" style="width: 100%;" />
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations,
		mapActions
	} from "vuex";
	// 组件
	// import request from "@//api/request";
	import {
		wxappAuth,
	} from "@/api/user";
	import dayjs from "dayjs";
	import store from "@/store";
	import cookie from "@/utils/store/cookie";
	import {
		parseQuery,
		login,
		handleQrCode,
		getCurrentPageUrl,
		handleUrlParam,
		getCurrentPageUrlWithArgs
	} from "@/utils";

	export default {
		name: "Loading",
		data() {
			return {};
		},
		onShow() {
			console.log('getUser')
			var url = handleQrCode();
			if (!url) {
				url = handleUrlParam(getCurrentPageUrlWithArgs())
			}
			console.log(url)
			console.log('判断是否是分销')
			// 判断是否是分销
			if (url) {
				let urlSpread = parseInt(url.spread);
				if (urlSpread) {
					cookie.set("spread", urlSpread);
				}
			}
			if (this.$deviceType == "app" || this.$deviceType == "weixinh5") {
				this.$yrouter.switchTab({
					path: "/pages/home/index"
				});
				return;
			}
			if (this.$store.getters.token) {
				// 如果token存在，直接进行进页面
				console.log('登录状态存在，直接进页面')
				this.toLaunch();
				return;
			}
			console.log('进行登录操作')
			login().finally(() => {
				this.$yrouter.switchTab({
					path: "/pages/home/index"
				});
			});
		},
		methods: {
			...mapActions(["changeAuthorization", "setUserInfo", "getUser"]),
			toLaunch() {
				console.log("loading home");
				this.changeAuthorization(false);
				let redirect = cookie.get('redirect').replace(/\ /g, '')
				if (redirect && redirect.indexOf('/pages') != -1) {
					this.$yrouter.replace({
						path: '/pages' + redirect.split('/pages')[1],
					});
					cookie.remove('redirect');
				} else {
					this.$yrouter.switchTab({
						path: "/pages/home/index"
					});
				}
			}
		}
	};
</script>

<style scoped lang="less">
	.lottie-bg {
		position: fixed;
		left: 0;
		top: 0;
		background-color: #fff;
		width: 100%;
		height: 100%;
		z-index: 999;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	#lottie {
		width: 35%;
		display: block;
		overflow: hidden;
		transform: translate3d(0, 0, 0);
		margin: auto;
	}
</style>
